<!DOCTYPE html>
<html
  layout:decorator="components/layout"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
>
<head>
  <title>网络管理</title>
</head>
<body>
<div
  layout:fragment="content"
  class="container"
>
  <!--引入边框角-->
  <div th:replace="components/common-border-bg::common-border-bg"></div>
  <div class="con_mid">
    <div
      align="left"
      class="tips-frame"
      style="margin-bottom: 10px;"
    >提示：请慎重配置网络管理IP地址，以免造成系统无法正常访问。
    </div>
    <div class="section-title"><i class="tit_ico1"></i>修改网络管理信息</div>
    <table
      width="100%"
      border="1"
      cellpadding="0"
      cellspacing="0"
      class="digest-table"
    >
      <tbody>
      <tr>
        <td width="200" class="TitleTD">网卡名称</td>
        <td class="ContentTD" align="left">eth2
        </td>
      </tr>
      <tr>
        <td class="TitleTD">管理IP地址<span style="color: red">*</span></td>
        <td class="ContentTD" align="left">
          <input class="input_text" name="ipaddress" size="45" maxlength="256" value="183.236.27.3" title="请填写管理IP地址">
          <div id="ipaddress_message" class="msg">请填写管理IP地址</div>
          <ui:v for="ipaddress" rule="ip" elements="Bbdw" empty="管理IP地址不允许为空" warn="管理IP地址不符合规范" tips="请填写管理IP地址"
                pass="信息验证正确">
          </ui:v>
        </td>
      </tr>
      <tr>
        <td class="TitleTD">子网掩码<span style="color: red">*</span></td>
        <td class="ContentTD" align="left">
          <input class="input_text" name="mask" size="45" maxlength="256" value="255.255.255.128" title="请填写子网掩码">
          <div id="mask_message" class="msg">请填写子网掩码</div>
          <ui:v for="mask" rule="ip" elements="Bbdw" empty="子网掩码不允许为空" warn="子网掩码不符合规范" tips="请填写子网掩码" pass="信息验证正确">
          </ui:v>
        </td>
      </tr>
      <tr>
        <td class="TitleTD">网关地址<span style="color: red">*</span></td>
        <td class="ContentTD" align="left">
          <input class="input_text" name="gateway" size="45" maxlength="256" value="183.236.27.1" title="请填写网关地址">
          <div id="gateway_message" class="msg">请填写网关地址</div>
          <ui:v for="gateway" rule="ip" elements="Bbdw" empty="网关地址不允许为空" warn="网关地址不符合规范" tips="请填写网关地址" pass="信息验证正确">
          </ui:v>
        </td>
      </tr>
      </tbody>
    </table>
    <div align="center">
      <input class="btn_submit" type="submit" value="确认">
      <input type="reset" class="btn_submit" name="Submit" value="重置">
    </div>
  </div>
</div>
<script layout:fragment="js">
    $(function () {
        $('.ztree li .level').click(function () {
          $('.level1').removeClass('dl_on')
          $('.level').removeClass('nav_on')
          $(this).next('dl').addClass('dl_on')
          $(this).addClass('nav_on')
        })
      $('#search').click(function () {
        $('.search_con').toggle()
      })
      var rh = $(window).height() - 78
      $('.main').css('min-height', rh)
    })
</script>
</body>
</html>
